@import
"../../../containers/_common_sass/base";

.more-line {
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: $text-color-6;
    max-height: 36px;
    overflow: hidden;
    p{
        margin: 0 !important;
    }
    &.more{
        max-height: none;
    }
    span {
        position: absolute;
        height: 18px;
        right: 0;
        bottom: 0;
        text-align: center;
        color: $darkBlue;
        line-height: px2rem(35px);
        &:before{
            content: '';
            height: 18px;
            display: inline-block;
            width: 100px;
            background: linear-gradient(90deg,transparent, #fff);
        }
        em{
            float: right;
            height: 18px;
            background-color: #fff;
        }
    }
}